<!-- BEGIN:main -->

<!--zoom anh-->
<script src="blugin/zoomImage/jquery.jqzoom-core-pack.js" type="text/javascript"></script>   
<link rel="stylesheet" href="blugin/zoomImage/jquery.jqzoom.css" type="text/css" /> 


<script type="text/javascript">
    $(document).ready(function() {

        $('.jqzoom').jqzoom({
            zoomType: 'standard',
            lens: true,
            preloadImages: false,
            alwaysOn: false
        });



        $('.btAddToCart').click(function() {
            $('#hdAction').val('addToCart');
            var radios = $("#frmItemDetail input[type='radio']");

            if (radios.length > 0) {
                // get input array of form
                var $inputs = $("#frmItemDetail input[type='radio']:checked");

                if ($inputs.length > 0) {
                    // array of property
                    var arrayProperty = [];

                    $inputs.each(function() {
                        var input = $(this);
                        arrayProperty.push(input.val());
                    });
                    $('#hdItemProperties').val(arrayProperty.toString());
                    $('#frmItemDetail').submit();
                }
                else {
                    alert('vui lòng chọn 1 thuộc tính');
                }
            } else {
                $('#hdItemProperties').val('');
                $('#frmItemDetail').submit();
            }

        });
    });


</script>
<form  action="./com_cart.htm" method="post" id="frmItemDetail">

<input type="hidden" name="hdItemID" id="hdItemID" value="{ITEM_ID}"/>
<input type="hidden" name="hdAction" id="hdAction" value=""/>
<input type="hidden" name="hdItemProperties" id="hdItemProperties" value="" />



<div class="col-sm-12 col-lg-12 col-md-12 col-xs-12">
 <strong class="tieude_detail">
    <a href="./com_item/categories/{CATEGORY_ALIAS}/{CATEGORY_ID}.htm">{CATEGORY_TITLE}</a>
 </strong>
</div>

<div class="col-sm-4 col-lg-4 col-md-4 col-xs-12">
    <a href="{ITEM_IMAGE}" class="jqzoom" rel='gal1'  title="Ảnh lớn" >
        <img src="{ITEM_IMAGE}" />
    </a>
</div>


<div class="col-sm-8 col-lg-8 col-md-8 col-xs-12">
<strong class="name_detail">{ITEM_NAME}</strong>
<p><div style="width: 100px; float: left">Mã sản phẩm: </div>{ITEM_CODE}</p>
<p>
    <div class="d_item_code" style="margin-top:15px;margin-bottom:10px;">Chi tiết</div>
    <div class="d_description1">{ITEM_DESCRIPTION}</div>  
    <div class="d_description_">{ITEM_DETAIL}</div>  
</p>
</div>
<div class="clearfix"></div>

            <!-- BEGIN:item_list_of_the_same_category -->


            <strong class="tieude_splienquan">Sản phẩm liên quan</strong>

            <div class="d_divide5"></div>  

           
                <!-- BEGIN:item_of_the_same_category -->

                    <div class="col-sm-4 col-lg-4 col-md-4 col-xs-12">
                        <div class="thumbnail">
                            <a href="./com_item/item/{ITEM_ALIAS_OF_THE_SAME_CATEGORY}/{ITEM_ID_OF_THE_SAME_CATEGORY}.htm">
                                    <img src="{ITEM_IMAGE_OF_THE_SAME_CATEGORY}" class="img-responsive"/>
                                </a> 
                            <div class="caption">
                                <h4 class="pull-right"> 
                                <!-- BEGIN:add_to_cart_button -->
                                    <a  class="btn addToCart" href="javascript:void()" id="{ITEM_ID}">ADD CART</a>
                                    <!-- END:add_to_cart_button -->
                                    </h4>
                                    
                                <h4>{ITEM_PRICE_OF_THE_SAME_CATEGORY} (VNĐ)
                                </h4>

                                <p>
                                <a class="d_link" href="./com_item/item/{ITEM_ALIAS_OF_THE_SAME_CATEGORY}/{ITEM_ID_OF_THE_SAME_CATEGORY}.htm"><strong>{ITEM_NAME_OF_THE_SAME_CATEGORY}</strong></a>
                                </p>

                                <p> {ITEM_DESCRIPTION_OF_THE_SAME_CATEGORY}</p>
                            </div>
                            <div class="ratings">
                                <p ><a class="d_link" href="./com_item/item/{ITEM_ALIAS_OF_THE_SAME_CATEGORY}/{ITEM_ID_OF_THE_SAME_CATEGORY}.htm"><strong>Xem chi tiết</strong></a></p>
                                
                            </div>
                        </div>
                    </div>

            {clearfix}

               
                <!-- END:item_of_the_same_category -->
                
            <!-- END:item_list_of_the_same_category -->




        </form>
   

<div class="d_divide5" style="clear: both"></div>

<!-- END:main -->
